<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="never">
    <title>Document</title>
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2344191_0bzeu3r0yikh.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/wen-shopping.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/rem.js"></script>
    <script src="./js/swiper.js"></script>

</head>

<body>
    <!-- 页头部分 -->
    <header class="headerbar">
        <div class="headerbar-left">
            <a href="./index.html" class="navigation">
                <i class="iconfont icon-zuojiantou"></i>
            </a>
        </div>
        <!-- 个人中心 -->
        <div class="headerbar-center">
            <p class="headerbar-content">购物车</p>
        </div>
        <div class="headerbar-left">
            <a href="#" class="navigation">
            </a>
        </div>

    </header>

    <!-- 内容区域 -->
    <section class="main">
        <!-- 1111 -->
        <div class="login">
            <span class="login-tips">登录后将同步您的购物车商品</span>
            <a href="./wen-login.html" class="login-btn">登录</a>
        </div>
        <!-- 2222 -->
        <div class="emptycart">
            <img src="https://img02.hua.com/m/Shopping/m_shopping_empty_cart.png?v2" alt="">
            <p class="text">购物车内暂时没有商品</p>
            <a href="./index.html" class="home">去逛逛</a>
        </div>
        <!-- 3333 -->
        <div class="guess">
            <!-- 111 -->
            <div class="guess-title">猜你喜欢</div>
            <!-- 展示列表 -->
            <div class="guess-list">
                <!-- 11111 -->
                <div class="guess-item">
                    <a href="./hlw-xiangqing.html">
                        <div class="guess-item-img">
                            <img src="https://img01.hua.com/uploadpic/newpic/9010966.jpg" alt="">
                        </div>
                        <div class="guess-item-detail">
                            <div class="guess-item-info">
                                一往情深 精品玫瑰礼盒:19枝红玫瑰，勿忘我0.1扎
                            </div>
                            <div class="guess-item-price">
                                ¥248
                            </div>
                        </div>
                    </a>
                </div>

            </div>
            <!-- 底部一段话 -->
            <div class="guess-bottom">
                <span>已经到底喽…</span>
            </div>
        </div>
    </section>


    <!-- 页脚区域 -->
    <nav class="tabbar">
        <div class="tabbar-item1">
            <a href="./index.html" class="navigation">
                <i class="iconfont icon-shouye"></i>
                <p>首页</p>
            </a>
        </div>
        <div class="tabbar-item1">
            <a href="./zm.html" class="navigation">
                <i class="iconfont icon-iconfontcategory"></i>
                <p>分类</p>
            </a>
        </div>
        <div class="tabbar-item1 activv">
            <a href="./wen-shopping.html " class="navigation">
                <i style="color: #FF734C !important" class="iconfont icon-gouwuche"></i>
                <p style="color: #FF734C !important">购物车</p>
            </a>
        </div>
        <div class="tabbar-item1">
            <a href="./wen-index.html" class="navigation">
                <i class="iconfont icon-xiaolian"></i>
                <p>我的</p>
            </a>
        </div>
    </nav>
    </section>
    <script src="./js/wen-shopping.js"></script>
    <script src="./js/shopping.js"></script>
</body>

</html>